// 1.定义变量
@color:pink;
@font14:30px;

/* 错误的变量名
1.必须以@为前缀  
2.不能包含特殊字符  @color~!
3.不能以数字开头  @1color
4.大小写铭感 
*/

// 2.变量的使用
*{
    margin: 0;
    padding: 0;
}
.container{
    overflow: hidden;
    width: 400px;
    height: 400px;
    background-color: @color;
}
.bar{
    width: 200px;
    height: 200px;
    margin: 20px;
    background-color: @color;
    font-size: @font14;
}